<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>电子科技大学ACM校赛报名系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" href="https://www.uestc.edu.cn/favicon.ico">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>

    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/css/amazeui.min.css">
    <style>
        .data-panel {
            background-color: rgba(255, 255, 255, 0.84);
            border-radius: 30px;
            height: 40em;
            box-shadow: 0 0.7em 0.7em 0 rgba(102, 102, 102, 0.308);
            transition: all 0.3s ease;
        }

        .data-panel:hover {
            transform: scale(1.04, 1.04);
        }

        hr {
            border-color: rgb(120, 120, 120);
            margin-top: 0.3em;
            margin-bottom: 1.7em;
        }

        h3 {
            margin-bottom: 0.4em;
        }

        body {
            background-image: url(https://www.uestc.edu.cn/e3e2295e213e77ea3ff1e2b695ea8273.jpg?n=8e7z368tn51);
            background-repeat: no-repeat;
            background-size: cover;
        }

        input {
            display: block;
            background-color: rgba(0, 0, 0, 0) !important;
            border-color: rgb(230, 230, 230) !important;
        }
    </style>
</head>

<body>
    <div class="am-container" style="margin-top:10em;">
        <div class="am-panel data-panel am-panel-default">
            <div class="am-panel-bd" style="padding: 2em">

                <h1><i class="am-icon-chain-broken am-icon-spin"></i>   忘记密码</h1>
                <hr style="margin-bottom: 5em;">
                <div class="am-form am-form-horizontal">
                    <div class="am-form-group">
                        <div class="am-u-sm-offset-1 am-u-sm-2">
                            <label class="am-fr am-form-label" style="line-height: 100%;">邮箱</label>
                        </div>
                        <div class="am-u-sm-7">
                            <input type="email" placeholder="email" id="email">
                        </div>
                        <div class="am-u-sm-3"> </div>
                    </div>
                    <div class="am-form-group">
                        <div class="am-u-sm-offset-1 am-u-sm-2">
                            <label class="am-fr am-form-label" style="line-height: 100%;">验证码</label>
                        </div>
                        <div class="am-u-sm-5">
                            <input type="text" placeholder="captcha" id="captcha">
                        </div>
                        <div class="am-u-sm-2"> 
                            <button style="width: 100%;" class="am-btn am-btn-primary" value="获取验证码" id="sendCaptcha"> 获取验证码 </button>
                        </div>
                        <div class="am-u-sm-3"></div>
                    </div>
                    <div class="am-form-group">
                        <div class="am-u-sm-offset-1 am-u-sm-2">
                            <label class="am-fr am-form-label" style="line-height: 100%;">密码</label>
                        </div>
                        <div class="am-u-sm-7">
                            <input type="password" placeholder="password" id="password">
                        </div>
                        <div class="am-u-sm-3"> </div>
                    </div>
                </div>
                <div class="am-g" style="margin-top: 3em;">
                    <div class="am-u-sm-offset-2 am-u-sm-3"> 
                        <a class="am-btn am-btn-default am-btn-xl am-round" style="width: 100%;" href="contest.html">
                            返回
                        </a>
                    </div>
                    <div class="am-u-sm-offset-2 am-u-sm-3 am-u-end"> 
                        <div class="am-btn am-btn-danger am-btn-xl am-round" style="width: 100%;" id="btn-reg">
                            重置
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/crypto-js/4.0.0/crypto-js.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/js/amazeui.min.js"></script>
    <script src="javascripts/common.js"></script>
    <script src="javascripts/forgot.js"></script>
</body>

</html>
